<!DOCTYPE html >
<ui:composition template="/template_login.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core" >
    <ui:define name="title">
        <h:outputText value="#{bundle.SysTitle}"/>
    </ui:define>
    <ui:define name="body" >
        <div class="tudo">

            <div class="conteudo">
                <h:form id="main_login">
                    <p:growl id="growl" showDetail="true" life="10000" autoUpdate="true"/>
                    <div class="visual">
                        <div class="visual-block">
                            <h2>BioDesk</h2>
                        </div>
                    </div>
                    <p:focus/>
                    <p:panel id="login" widgetVar="dlg" visible="true" styleClass="login_scren"  >
                        <h:outputLabel  value="Identify Yourself" styleClass="label"  />
                        <br/>   <br/>   <br/>
                        <h:outputLabel for="username" value="Username:" styleClass="label"  />
                        <p:inputText value="#{userController.username}"
                                     id="username" required="true" label="username" style="height: 20px; width: 50%" />
                        <br/>
                        <h:outputLabel for="password" value="Password:" styleClass="label"   />
                        <p:password label="Password" value="#{userController.password}"  id="password" required="true" feedback="false" style="height: 20px; width: 50%"/>
                        <br/><br/>
                        <br/>
                        <p:commandButton id="enter" value="Enter"  action="#{userController.login}"  style="width: 50%" update="@form" />
                        <p:commandButton value="Sign Up" immediate="true"  action="#{userController.prepareSignUp}"  styleClass="btn" />
                        <br/>
                    </p:panel>

                    <p:blockUI  block="login" trigger=":main_login:enter">
                        <h:outputText value="Please wait, data is being processed..." />  <br/>
                        <p:graphicImage value="/resources/ajaxloader.gif"/>
                    </p:blockUI>
                </h:form>

            </div>
            <div class="foot">
                <img src="resources/css/DNA_1.png"/>
            </div>
        </div>


    </ui:define>
</ui:composition>


